<template>
  <div class="overflow-x-auto">
    <table class="table table-lg">
      <!-- head -->
      <thead>
        <tr>
          <th>
            <label>
              <input type="checkbox" class="checkbox" />
            </label>
          </th>
          <th>Name</th>
          <th>Class</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <StudentListItem />
      </tbody>
    </table>
  </div>
</template>

<script setup>
import StudentListItem from './StudentListItem.vue';
</script>
